// @import "./transition";

// @import "./sidebar";
// @import "./dark";

@font-face {
  font-family: "Gilroy-bold";
  src: url("https://oss.kuke99.com/kukecloud/fonts/Gilroy-bold-4.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  // font-display: block;
  font-display: swap;
}

.font-gilroy-bold {
  font-family: "Gilroy-bold";
}

html {
  font-size: 13.33333vw;
  text-size-adjust: none;
}

@media (min-width: 750PX) {
  html {
    font-size: 100px;
    max-width: 750PX;
    margin: 0 auto;
  }
}




/* 自定义全局 CssVar */
:root {
  /* 左侧菜单展开、收起动画时长 */
  --pure-transition-duration: 0.3s;

  /* 常用border-color 需要时可取用 */
  --pure-border-color: rgb(5 5 5 / 6%);

  /* switch关闭状态下的color 需要时可取用 */
  --pure-switch-off-color: #a6a6a6;

  --kc-system-theme-color: #eb2330;
}

$systemTheme: var(--kc-system-theme-color);

/* 灰色模式 */
.html-grey {
  filter: grayscale(100%);
}

/* 色弱模式 */
.html-weakness {
  filter: invert(80%);
}

.safe-area {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0 !important;

  &::after {
    display: block;
    content: '';
    width: 750px;
    height: 0;
    padding-bottom: calc(constant(safe-area-inset-bottom) + 24px);
    /*兼容 IOS<11.2*/
    padding-bottom: calc(env(safe-area-inset-bottom) + 24px);
    /*兼容 IOS>11.2*/
  }
}